// 引入配置文件
@import "./variable.scss";

// 样式开始
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.wrapper{
	width: 100%;
	// height: 100vh;
	background-color: #BBB9BA;
}
.w_tran{
	width: 100vw;
	height: px2vw(51);
	background-color: #F5F5F5;
	margin-top: pxd2(89);
	display: block;
	position: relative;
}
.w_tran .tran_img1{
	width: px2vw(125);
	height: px2vw(17);
	background-image: url(../img/小logo_03.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	display: inline-block;
	position: absolute;
	top: 30%;
	left: px2vw(27);
}
.w_tran .tran_img2{
	width: px2vw(65);
	height: px2vw(23);
	background-image: url(../img/阿里妈妈logo_03.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	display: inline-block;
	position: absolute;
	top: 30%;
	left: px2vw(168);
}
.w_tran>span{
	font-size: px2vw(17.75);
	position: absolute;
	left: px2vw(157);
	top: 25%;
}

// .w_big{
// 	width: 100vw;
// 	height: px2vw(360);
// 	background-image: url(../img/images/大时代_02.jpg);
// 	background-repeat: no-repeat;
// 	background-size: 100vw px2vw(360);
// 	display: block;
// }
// 轮播图
.swiper-container {
    width: 100vw;
    height: px2vw(306);
}  

// 前两块
.w_first{
	width: 100vw;
	height: px2vw(334);
	background-color: #FFFFFF;
	padding-left: px2vw(30);
	padding-top: px2vw(30);
	padding-right: px2vw(30);
	padding-bottom: px2vw(35);
}
.w_first .w_f_1{
	width: 100%;
	height: px2vw(117);
	background-color: #ffffff;
	margin-bottom: px2vw(35);
	background-image: url(../img/新闻图1_05.jpg);
	background-repeat: no-repeat;
	background-position: right;
	background-size: px2vw(208) px2vw(118);
	position: relative;
}
.w_f_1 .wf1_left{
	width: px2vw(325);
	height: px2vw(106);
	background-color: #FFFFFF;
	display: inline-block;
	position: absolute;
	top: 5%;
	font-size: 0;
}
.wf1_left>h3{
	font-size: px2vw(24.86);
	line-height: px2vw(36);
	font-weight: 400;
}
.wf1_left .le_bot{
	width: px2vw(322);
	height: px2vw(22);
	margin-top: 2%;
}
.le_bot .b_span1>img{
	width: px2vw(19);
	height: px2vw(17);
	margin-right: px2vw(4);
}
.le_bot .b_span1>span{
	font-size: px2vw(18);
	color: #cdcdcd;
}
.le_bot .b_span2{
	font-size: px2vw(21.31);
	float: right;
	color: #cdcdcd;
	line-height: 1;
}
.w_first .w_f_2{
	width: 100%;
	height: px2vw(117);
	background-color: #FFFFFF;
	background-image: url(../img/新闻图2_05.jpg);
	background-repeat: no-repeat;
	background-position: right;
	background-size: px2vw(208) px2vw(116);
	position: relative;
}
.w_f_2 .wf2_left{
	width: px2vw(325);
	height: px2vw(106);
	background-color: #FFFFFF;
	display: inline-block;
	position: absolute;
	top: 5%;
	font-size: 0;
}
.wf2_left>h3{
	font-size: px2vw(24.86);
	line-height: px2vw(36);
	font-weight: 400;
}
.wf2_left .le_bot{
	width: px2vw(322);
	height: px2vw(22);
	vertical-align: top;
	margin-top: 2%;
}
.le_bot .b_span1>img{
	width: px2vw(19);
	height: px2vw(17);
	margin-right: px2vw(4);
}
.le_bot .b_span1>span{
	font-size: px2vw(18);
}
.le_bot .b_span2{
	font-size: px2vw(21.31);
	float: right;
}

// /* 灰色过渡 */
.w_gray{
	width: 100vw;
	height: px2vw(25);
	background-color: #f5f5f5;
}

// 第二栏
.second{
	width: 100vw;
	height: px2vw(273);
	background-color: #FFFFFF;
	padding: px2vw(34) px2vw(30);
}
.s_detail{
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
}
.s_detail>h3{
	font-size: px2vw(24.86);
	color: black;
	font-weight: 400;
}
.s_img .s_i_ul{
	margin-top: px2vw(18);
}
.s_img .s_i_ul>li{
	float: left;
}
.s_img .s_i_ul>li:nth-child(1) img{
	width: px2vw(188);
	height: px2vw(123);
}
.s_img .s_i_ul>li:nth-child(2) img{
	width: px2vw(188);
	height: px2vw(123);
	margin: 0 4px;
}
.s_img .s_i_ul>li:nth-child(3) img{
	width: px2vw(188);
	height: px2vw(123);
}
.s_info{
	margin-top: px2vw(11);
}
.s_info .s_i_sp1>img{
	width: px2vw(27);
	height: px2vw(27);
	vertical-align: bottom;
	margin-right: px2vw(9);
}
.s_info .s_i_sp1>span{
	font-size: px2vw(15.93);
	margin-right: px2vw(18);
	color: #d5d5d5;
}
.s_info .s_i_sp2>img{
	width: px2vw(19);
	height: px2vw(16);
	vertical-align: -2px;
	margin-right: px2vw(5);
}
.s_info .s_i_sp2>span{
	font-size: px2vw(15.98);
	margin-right: px2vw(21);
	color: #d5d5d5;
}
.s_info .s_i_sp3>img{
	width: px2vw(17);
	height: px2vw(15);
	vertical-align: -2px;
	margin-right: px2vw(4);
}
.s_info .s_i_sp3>span{
	font-size: px2vw(15.98);
	color: #d5d5d5;
}
.s_info .s_i_sp4{
	font-size: px2vw(21.31);
	float: right;
	margin-right: px2vw(5);
	color: #d5d5d5;
	line-height: 2;
}
// 第三栏
.third{
	width: 100vw;
	height: px2vw(149);
	background-color: #FFFFFF;
	padding: px2vw(13) px2vw(29);
	// margin-bottom: 14.84375vw;
	border-bottom: 1px solid #e8e8e8;
	display: inline-block;
}
.t_left{
	width: px2vw(324);
	height: 100%;
	background-color: #FFFFFF;
	display: inline-block;
	font-size: 0;
}
.t_left>h3{
	font-size: px2vw(24.86);
	color: black;
	font-weight: 400;
}
.t_left .t_info{
	margin-top: px2vw(27);
}
.t_info .in_span1>img{
	width: px2vw(19);
	height: px2vw(19);
	vertical-align: -1px;
	margin-right: px2vw(4);
}
.t_info .in_span1>span{
	font-size: px2vw(18);
	color: #cdcdcd;
}
.t_info .in_span2{
	font-size: px2vw(19.53);
	float: right;
	color: #cdcdcd;
}
.t_right{
	width: px2vw(209);
	height: px2vw(122);
	float: right;
	background-image: url(../img/新闻图4_05.jpg);
	background-repeat: no-repeat;
	background-position: right;
	background-size: px2vw(209) px2vw(122);
}
// 第四栏
.fifth{
	width: 100vw;
	height: px2vw(149);
	background-color: #FFFFFF;
	padding: px2vw(13) px2vw(29);
	// margin-bottom: 14.84375vw;
	border-bottom: 1px solid #e8e8e8;
	display: inline-block;
}
.f_left{
	width: px2vw(324);
	height: 100%;
	background-color: #FFFFFF;
	display: inline-block;
	font-size: 0;
}
.f_left>h3{
	font-size: px2vw(24.86);
	color: black;
	font-weight: 400;
}
.f_left .f_info{
	margin-top: px2vw(27);
}
.f_info .in_span1>img{
	width: px2vw(19);
	height: px2vw(19);
	vertical-align: text-bottom;
	margin-right: px2vw(4);
}
.f_info .in_span1>span{
	font-size: px2vw(18);
	color: #cdcdcd;
}
.f_info .in_span2{
	font-size: px2vw(19.53);
	float: right;
	color: #cdcdcd;
}
.f_right{
	width: px2vw(209);
	height: px2vw(122);
	float: right;
	background-image: url(../img/新闻图5_05.jpg);
	background-repeat: no-repeat;
	background-position: right;
	background-size: px2vw(210) px2vw(123);
}
// 第五栏
.sixth{
	width: 100vw;
	height: px2vw(273);
	background-color: #FFFFFF;
	padding: px2vw(34) px2vw(30);
	// margin-bottom: 14.84375vw;
}
.si_detail{
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
}
.si_detail>h3{
	font-size: px2vw(24.86);
	color: black;
	font-weight: 400;
}
.si_img .si_i_ul{
	margin-top: px2vw(18);
}
.si_img .si_i_ul>li{
	float: left;
}
.si_img .si_i_ul>li:nth-child(1) img{
	width: px2vw(188);
	height: px2vw(123);
}
.si_img .si_i_ul>li:nth-child(2) img{
	width: px2vw(188);
	height: px2vw(123);
	margin: 0 4px;
}
.si_img .si_i_ul>li:nth-child(3) img{
	width: px2vw(188);
	height: px2vw(123);
}
.si_info{
	margin-top: px2vw(11);
}
.si_info .si_i_sp1>img{
	width: px2vw(27);
	height: px2vw(27);
	vertical-align: bottom;
	margin-right: px2vw(9);
}
.si_info .si_i_sp1>span{
	font-size: px2vw(15.93);
	margin-right: px2vw(18);
	color: #d5d5d5;
}
.si_info .si_i_sp2>img{
	width: px2vw(19);
	height: px2vw(16);
	vertical-align: -2px;
	margin-right: px2vw(5);
}
.si_info .si_i_sp2>span{
	font-size: px2vw(15.98);
	margin-right: px2vw(21);
	color: #d5d5d5;
}
.si_info .si_i_sp3>img{
	width: px2vw(17);
	height: px2vw(15);
	vertical-align: -2px;
	margin-right: px2vw(4);
}
.si_info .si_i_sp3>span{
	font-size: px2vw(15.98);
	color: #d5d5d5;
}
.si_info .si_i_sp4{
	font-size: px2vw(21.31);
	float: right;
	margin-right: px2vw(5);
	color: #d5d5d5;
	line-height: 2;
}
// 第六栏
.seventh{
	width: 100vw;
	height: px2vw(149);
	background-color: #FFFFFF;
	padding: px2vw(13) px2vw(29);
	// margin-bottom: 14.84375vw;
	border-bottom: 1px solid #e8e8e8;
	display: inline-block;
}
.se_left{
	width: px2vw(324);
	height: 100%;
	background-color: #FFFFFF;
	display: inline-block;
	font-size: 0;
}
.se_left>h3{
	font-size: px2vw(24.86);
	color: black;
	font-weight: 400;
}
.se_left .se_info{
	margin-top: px2vw(27);
}
.se_info .in_span1>img{
	width: px2vw(19);
	height: px2vw(19);
	vertical-align: -2px;
	margin-right: px2vw(4);
}
.se_info .in_span1>span{
	font-size: px2vw(18);
	color: #cdcdcd;
}
.se_info .in_span2{
	font-size: px2vw(19.53);
	float: right;
	color: #cdcdcd;
}
.se_right{
	width: px2vw(209);
	height: px2vw(122);
	float: right;
	background-image: url(../img/新闻图7_05.jpg);
	background-repeat: no-repeat;
	background-position: right;
	background-size: px2vw(210) px2vw(123);
}
// 第七栏
.ninth{
	width: 100vw;
	height: px2vw(149);
	background-color: #FFFFFF;
	padding: px2vw(13) px2vw(29);
	// margin-bottom: 14.84375vw;
	border-bottom: 1px solid #e8e8e8;
	display: inline-block;
}
.n_left{
	width: px2vw(324);
	height: 100%;
	background-color: #FFFFFF;
	display: inline-block;
	font-size: 0;
}
.n_left>h3{
	font-size: px2vw(24.86);
	color: black;
	font-weight: 400;
}
.n_left .n_info{
	margin-top: px2vw(27);
}
.n_info .in_span1>img{
	width: px2vw(19);
	height: px2vw(19);
	vertical-align: -2px;
	margin-right: px2vw(4);
}
.n_info .in_span1>span{
	font-size: px2vw(18);
	color: #cdcdcd;
}
.n_info .in_span2{
	font-size: px2vw(19.53);
	float: right;
	color: #cdcdcd;
}
.n_right{
	width: px2vw(209);
	height: px2vw(122);
	float: right;
	background-image: url(../img/新闻图8_05.jpg);
	background-repeat: no-repeat;
	background-position: right;
	background-size: px2vw(210) px2vw(122);
}

// 加载更多
.loding{
	width: 100vw;
	height: px2vw(58);
	margin-bottom: pxd2(95);
	background-color: #FFFFFF;
	text-align: center;
}
.loding>span{
	font-size: px2vw(22);
	text-align: center;
	color: #cecece;
	position: relative;
	top: 30%;
}